<template>
  <maincontainer class="p-5 bg-white">
    <n-card title="人事流程">
      <div class="w-full flex flex-wrap">
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转岗申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">居家办公</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">加班申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">出差申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">请假申请</n-button>
        </div>
      </div>
    </n-card>
    <n-card title="行政流程">
      <div class="w-full flex flex-wrap">
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">会议室申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">工服申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">办公耗材申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">固定资产采购申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">车辆申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">食堂就餐申请</n-button>
        </div>
      </div>
    </n-card>
    <n-card title="人事流程">
      <div class="w-full flex flex-wrap">
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
      </div>
    </n-card>
    <n-card title="人事流程">
      <div class="w-full flex flex-wrap">
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
      </div>
    </n-card>
    <n-card title="人事流程">
      <div class="w-full flex flex-wrap">
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
      </div>
    </n-card>
    <n-card title="人事流程">
      <div class="w-full flex flex-wrap">
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
      </div>
    </n-card>
    <n-card title="人事流程">
      <div class="w-full flex flex-wrap">
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
      </div>
    </n-card>
    <n-card title="人事流程">
      <div class="w-full flex flex-wrap">
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
        <div class="w-1/5 h-10 flex items-center pl-4">
          <n-button text class="text-blue-400">转正申请</n-button>
        </div>
      </div>
    </n-card>
  </maincontainer>
</template>

<script setup name="Personnelprocess" lang="ts">
import {inject} from "vue";

const zhucefunc:Function|undefined = inject("zhuceshuaxinfunc")
// 初始化函数
const init = () => {

}

// 初始化区域
init()
zhucefunc && zhucefunc({[route.name!.toString()]:init})
</script>

<style scoped>

</style>